{include file="../Common/head_index.html"}
<div class="container">
    <div class="col-sm-8 col-md-9 col-lg-9 word-change">
        {foreach from="$articleData" item="v"}
        <a href="{$smarty.const.__APP__}?c=Article&aid={$v.aid}">
            <div class="row row-bottom">
                <div class="col-sm-4 col-md-3 col-lg-3 thumb-box">
                    <img src="{$v.thumb}" width="100%" height="100%"/>
                </div>
                <div class="col-sm-8 col-md-9 col-lg-9 introduction-box">
                    <h4>{$v.title}</h4>
                    <p class="content-font">{$v.sendtime|date_format:'%y-%m-%d'}</p>
                    <p class="digest">
                        {$v.content}
                    </p>
                    <p class="content-font"><a href="#">{$v.click}</a>&nbsp;&nbsp;浏览</p>
                </div>
            </div>
        </a>
        {/foreach}
        <div class="col-sm-12 col-md-12 col-lg-12 pagination">
            <a href="#" class="pagination-info">共条<b>{$data.sumRows}</b>记录，本页显示<b>{$data.startRows}-{$data.endRows}</b></a>&nbsp;
            <a href="#" class="pagination-info">{$data.currentPage}/{$data.sumPage}</a>&nbsp;
            <a href="{$smarty.const.__APP__}" class="pagination-link">首页</a>
            <a href="{$smarty.const.__APP__}?page={$data.prePage}" class="pagination-link">上一页</a>
            <a href="{$smarty.const.__APP__}?page={$data.nextPage}" class="pagination-link">下一页</a>
            <a href="{$smarty.const.__APP__}?page={$data.sumPage}" class="pagination-link">尾页</a>&nbsp;&nbsp;
            <input type="text" class="jumpPage" id="jumpPage"/>
            <a href="#" class="pagination-link" id="pagination-jump">跳转</a>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    <p align="center">
                        Copyright © 2018.lauwen Personal All rights reserved.Powered by
                        <a href="https://gitee.com/lauwen" target="_blank" title="Xwen">Xwen</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-3 col-lg-3 word-change">
        <span class="left-title">热门阅读</span>
        <ul class="hot-read">
            {foreach from="$hotData" item="v"}
            <li>
                <a href="{$smarty.const.__APP__}?c=Article&aid={$v.aid}">
                    <h5>{$v.title}</h5>
                    <p class="content-font"><a>{$v.click}&nbsp;&nbsp;</a>浏览</p>
                </a>
            </li>
            {/foreach}
        </ul>
    </div>

</div>
{literal}
<script type="text/javascript">
    $('#pagination-jump').click(function(){
        var page = $('#jumpPage').val();
        location.href = './index.php?page='+page;
    })
</script>
{/literal}
</body>
</html>